<template>
  <div class="plane-main">
    <LineComponent
      v-for="(v, i) of cloumnData[2]"
      :key="i"
      :planeIndex="planeIndex"
      :lineIndex="i"
      :jsonData="jsonData"
      :cloumnData="cloumnData"
      @pointClick="pointClick"
    />
  </div>
</template>

<script>
export default {
  name: 'PlaneComponent',
  components: {
    LineComponent: () => import('./LineComponent.vue')
  },
  props: {
    jsonData: {
      type: Array,
      default: () => {
        return []
      }
    },
    cloumnData: {
      type: Array,
      default: () => {
        return []
      }
    },
    planeIndex: {
      type: Number,
      default: 0
    }
  },
  methods: {
    // 数据点的点击事件
    pointClick (data) {
      this.$emit('pointClick', data);
    }
  }
}
</script>

<style lang="scss" scoped>
.plane-main {
  display: flex;
  justify-content: space-between;
}
</style>
